<div class="container">
  <!-- JACKPOT -->
  <div class="container-jackpot" *ngIf="!(site>10&&championPool===0)"
    [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/champion-jackpot-bg.png)'">
    <img class="container-jackpot__icon" [src]="deployUrl+'assets/img/end-year/common/question-mark.png'" alt="详情" (click)="closeShow(true)">
    <div class="container-jackpot__text">{{championPool}}魅力</div>
  </div>
  <div class="container-header bg_common">
    <!-- 标题 -->
    <div class="top_title">
      <img class="container-header__title" src="{{deployUrl}}assets/img/end-year/nvshen/round-title-4-3.png"
      alt="直通赛魅力争夺赛规则">
    </div>
    <!-- 规则 -->
    <div class="brief animation" style="margin-top: -0.6rem;margin-bottom:-0.6rem;" [ngClass]="{up:!flag,down:flag}">
      <p>
        1、突围赛结束后等待30秒开始，仅限直通决赛的6名主播选择性参与；
      </p>
      <p>
        2、比赛开始后榜单采用蒙面赛制，
        <strong>将继承「突围赛」获得的魅力积分</strong>；
      </p>
      <p>
        3、参赛主播=1人时，该主播直接获得冠军；参赛主播＞2人时，系统进行随机匹配；
      </p>
      <p>
        4、若参赛主播数量为奇数时，则有一位主播将轮空，获得轮空机会可避免一场PK；
      </p>
      <p>
        5、若比赛过程中关闭直播，系统会继续匹配对手，继续下一轮PK；
      </p>
      <p>
        6、PK胜方将获得败方100%魅力积分，同时败方将被淘汰；
      </p>
      <p>
        7、PK平局双方都记为失败且淘汰，扣除的魅力积分将放入冠军奖池，作为最后冠军的奖励。
      </p>
      <p>
        <strong>注：魅力争夺赛被淘汰不影响直通决赛</strong>
      </p>
    </div>
    <div class="accordion" (click)="flag=!flag">
      <img src="{{deployUrl}}assets/img/end-year/common/accordion-close.png" alt="" *ngIf="flag">
      <img src="{{deployUrl}}assets/img/end-year/common/accordion-open.png" alt="" *ngIf="!flag">
    </div>
  </div>
  <div class="bg_common" style="margin-bottom: 1.5rem;">
    <!-- 活动已结束 -->
    <div class="container-main__end" *ngIf="site>10&&championPool===0">
      <div>
        <p>魅力争夺赛已结束</p>
      </div>
    </div>
    <!-- OTHERS -->
    <div class="container-main__others" [ngClass]="{'container-main__others_ac': site>10&&championPool===0}">
      <div class="others-header">
        <div class="index">排名</div>
        <div class="detail">主播信息</div>
        <div class="value">魅力积分</div>
      </div>
      <div class="others-main" *ngIf="othersList.length&&site>10">
        <!-- item -->
        <div *ngFor="let anchor of othersList; let i=index">
          <div class="others-main__item" [ngClass]="{'others-main__item_top1': i===0}">
            <div class="index">
              <img [src]="deployUrl+'assets/img/end-year/renqi/others-main-item-rank-'+(i+1)+'.png'" *ngIf="i<3"
                style="width: 0.42rem;height:0.48rem;">
              <span *ngIf="i>2">{{i+1}}</span>
            </div>
            <div class="detail">
              <img class="detail-avatar" (click)="gotoRoom(anchor,'anchor')" [src]="anchor.headImage | headImg"
                [alt]="anchor.nickname">
              <div class="detail-info">
                <div class="detail-info--name" (click)="gotoRoom(anchor,'anchor')">{{anchor.nickname}}</div>
              </div>
            </div>
            <div class="value">{{anchor.withdrawCharm?'提取'+anchor.withdrawCharm+'魅力':anchor.score}}</div>
          </div>
        </div>
        <!-- spinner -->
        <div class="getmore" *ngIf="othersList.length&&!onRefrash">
          <span>没有更多了</span>
        </div>
      </div>
      <div *ngIf="site<11" class="not_li">
        <p>暂未开始</p>
      </div>
    </div>
    <div class="container-footer">
      <p *ngIf="!isAndroid && !isPC">声明：本活动与Apple Inc.无关</p>
      <p>请用户注意，适度娱乐，理性消费</p>
    </div>
  </div>
  <!-- <div class="myself" *ngIf="site>10&&championPool">
    <div class="index">
      <img [src]="deployUrl+'assets/img/end-year/renqi/others-main-item-rank-'+(currentAnchorInfo.rank)+'.png'"
        style="width: 0.42rem;height:0.48rem;" *ngIf="currentAnchorInfo.rank<=3&&currentAnchorInfo.rank>0">
        <span *ngIf="currentAnchorInfo.rank>3">{{currentAnchorInfo.rank!=99?currentAnchorInfo.rank:'-'}}</span>
    </div>
    <div class="detail">
      <img class="detail-avatar" [src]="currentAnchorInfo.headImage | headImg" [alt]="currentAnchorInfo.nickname">
      <div class="detail-info">
        <div class="detail-info--name">{{currentAnchorInfo.nickname}}</div>
      </div>
    </div>
    <div class="value">{{currentAnchorInfo.withdrawCharm?'提取'+currentAnchorInfo.withdrawCharm+'魅力':currentAnchorInfo.score}}</div>
  </div> -->
</div>
<!-- 弹窗 -->
<div class="dialog" *ngIf="isDialog" (click)="closeShow(false)">
  <div class="contain alert-anmation" (click)="$event.stopPropagation();">
    <div class="close" (click)="closeShow(false)">
      <img src="{{deployUrl}}assets/img/end-year/nvshen/close.png" alt="">
    </div>
    <p>1、奖池组成部分主要如下：</p>
    <p><strong>1）基础200000魅力</strong></p>
    <p><strong>2）突围赛被淘汰主播的剩余魅力</strong></p>
    <p><strong>3）突围赛平局双方被扣除的魅力</strong></p>
    <p><strong>4）放弃进入魅力争夺赛的主播被扣除的30%魅力</strong></p>
    <p>2、冠军奖池的全部魅力将在魅力争夺赛结束奖励给冠军 </p>
    <p>3、若无人参与魅力争夺赛，冠军奖池魅力加入决赛奖池</p>
  </div>
</div>
